<template>
    <div style="display: flex">
        <div :style="{ width: `calc(100% - ${leftWidth})`, flex: 1 }">
            <RightSideInfo ref="RightSideInfoRef" />
        </div>
    </div>
</template>

<script lang="ts">
import RightSideInfo from './RightSideInfo.vue';
import { defineComponent, ref, reactive, toRefs } from 'vue';
interface State {
    leftWidth: string;
}
export default defineComponent({
    components: {
        RightSideInfo
    },
    setup() {
        const RightSideInfoRef = ref<any>();
        const state = reactive<State>({
            leftWidth: '290px'
        });
        return {
            ...toRefs(state),
            RightSideInfoRef
        };
    }
});
</script>

<style scoped lang="less"></style>
